import React from 'react'
import { TeamOutlined, PayCircleOutlined } from '@ant-design/icons';
import './css/Statistics.scss'

export default function Statistics() {
    return (
        <div className='box1'>
            <div className='s-box'>
                <div className='title'>
                    <TeamOutlined className='box-icon1'/>
                    <span className='title-center'>还款用户数量</span>
                    <span className='title-right'>
                        <span className='month1'>本月/</span>
                        <span className='year'>今年</span>
                    </span>
                </div>
                <div className='context'>
                    <div className='number'>
                        <span className='number1'>399/</span>
                        <span className='number2'>1999</span>
                    </div>
                    <span className='foot'>+45% 同比增长</span>
                </div>
            </div>
            <div className='s-box'>
            <div className='title'>
                    <PayCircleOutlined className='box-icon2'/>
                    <span className='title-center'>还款金额</span>
                    <span className='title-right'>
                        <span className='month2'>本月/</span>
                        <span className='year'>今年</span>
                    </span>
                </div>
                <div className='context'>
                    <div className='number'>
                        <span className='number1'>￥1990/</span>
                        <span className='number2'>29900</span>
                    </div>
                    <span className='foot'>+45% 同比增长</span>
                </div>
            </div>
        </div>
    )
}
